<!DOCTYPE html>
<html lang="zh_cn">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>佛山市玖章智能科技有限公司</title>
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="css/comm.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <link href="css/news.css" rel="stylesheet">
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
</head>

<body style="padding-top: 65px">
 <!--导航 begin-->
<nav class="navbar navbar-default navbar-fixed-top container-fluid">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1"
          aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
            class="icon-bar"></span><span class="icon-bar"></span></button>
      <a class="navbar-brand" href="#"><img src="img/logo.png" style="height:55px;"></a></div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="topFixedNavbar1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="index.html">首页</a></li>
        <li><a href="aboutus.html">关于我们</a></li>
        <li><a href="technical.html">技术优势</a></li>
        <li><a href="case.html">项目案例</a></li>
        <li class="active"><a href="news.html">新闻资讯</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
              aria-haspopup="true" aria-expanded="false"><img src="" title="中文 (中国)" alt="中文 (中国)"><span style="margin-left:0.3em;">中文</span><span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#"><img src="" title="En" alt="En"><span style="margin-left:0.3em;">English</span></a></li>
          </ul>
        </li>
      </ul>
      <div></div>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--导航 end--> 
  <!--横幅 begin-->
  <div class="jumbotron banner" style="background-color:#081029;">
    <div class="container" style="height:400px">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <h1>人工智能 • 领域定制专家</h1>
      <p>秉承九章算术的思想精髓<br>做世界一流的人工智能定制专家</p>
      <iframe frameborder="0" scrolling="no" src="animation/index3.html" width="50%" height="500px" allowtransparency="true"
        style="position: absolute;left:900px;top:50px;z-index: 1;"></iframe>
    </div>
  </div>
  <!--横幅 end-->

  <div class="container-fluid main">
    <div class="container">
        <h1>新闻资讯</h1>
        <div class="row main_fr">
            <div class="row list" style="margin-left:12px;">
                <ul>
                    <li data-toggle="modal" data-target="#myModal">
                        <div class="col-sm-4 li_imgbox col-xs-12">
                            <img class="img-responsive " src="img/case1.png">
                        </div>
                        <div class="col-sm-8 col-xs-12" class="list_nr">
                            <h4><a href="#">华南地区某港口的优化调度与仿真系统</a></h4>
                            <p>与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。</p>
                            <h5>2019-10-30</h5>
                        </div>

                         
                    </li>

                    <li>
                            <div class="col-sm-4 li_imgbox col-xs-12">
                                <img class="img-responsive " src="img/case1.png">
                            </div>
                            <div class="col-sm-8 col-xs-12" class="list_nr">
                                <h4><a href="#">华南地区某港口的优化调度与仿真系统</a></h4>
                                <p>与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。</p>
                                <h5>2019-10-30</h5>
                            </div>
                      </li>
                        
                      <li>
                                <div class="col-sm-4 li_imgbox col-xs-12">
                                    <img class="img-responsive " src="img/case1.png">
                                </div>
                                <div class="col-sm-8 col-xs-12" class="list_nr">
                                    <h4><a href="#">华南地区某港口的优化调度与仿真系统</a></h4>
                                    <p>与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。</p>
                                    <h5>2019-10-30</h5>
                                </div>
                      </li>        
    
                </ul>
            </div>
        </div>
    </div>
</div>
<!--横幅 end-->
   <!--页脚 begin-->
   <div class="container-fluid footer">
    <div class="container">
      <div class="row">
        <div class="col-sm-7"><img src="img/logo1.png" width="70"> 人工智能 • 领域定制专家</div>
        <div class="col-sm-1"><i class="fa fa-weixin" aria-hidden="true"></i><i class="fa fa-weibo" aria-hidden="true"></i></div>
        <div class="col-sm-4">联系方式<br>
          电话：4001234567<br>
          邮箱：jiuzhang@zhineng.com<br>
          地址：佛山市南海区启迪路198号信息港F座7层</div>
      </div>
    </div>
    <div class="row copyright">
      <p>&copy;COPYRIGHT 2019 佛山市玖章智能科技有限公司 粤ICP备12345678号</p>
    </div>
  </div>
  <!--页脚 end-->

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="js/jquery-1.11.3.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="js/bootstrap.js"></script>

  <!-- Modal -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
  aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h4 class="modal-title" id="myModalLabel">港口的优化调度与仿真系统</h4>
          </div>
          <div class="modal-body">
             <img class="img-responsive " src="img/case1.png">
             <p>与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。
                与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。与目前港口已有的韩国系统对比：同一时段内，集卡行驶路径减少15%，船舶停靠时间减少10%。
             </p>
              <h5 style="text-align: right;">2019-10-30</h5>
          </div>
          <div class="modal-footer"  data-backdrop="static">
              <button type="button" class="btn btn-default"
                  data-dismiss="modal">关闭</button>
          </div>
      </div>
  </div>
</div>
</body>

</html>